@charset "utf-8";
/* CSS Document */

*{border:0;margin:0;padding:0}
html{font-size:62.5%}
body{margin:0;font-size:1.2em;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,STHeiti,"Microsoft Yahei",sans-serif;-webkit-font-smoothing:antialiased;color:#333}
body a{outline:none;blr:expression(this.onFocus=this.blur());}
button,input,select,textarea{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-size:1em}
button,input,select,td,textarea,th{font-size:13px}
button,input,select,textarea{outline:0}
button:hover{cursor:pointer}
ul li{ list-style-type:none;}
h1{font-size: 24px;
    font-weight: normal;
    text-align: center;
    line-height: 30px;
    color: #00aa5f;}
img {height: auto;max-width: 100%;}
a img{border:0}
a{color:#64854c;text-decoration:none;-o-transition-duration:.2s;-o-transition-property:opacity;-webkit-transition-duration:.2s;-webkit-transition-property:opacity}
a:hover{opacity:.8;color:#799961}
li,ol,p,ul{line-height:1.5em}
blockquote {background-color: #f3f7f0;padding: 10px;margin: 10px 0px 10px 0px;font-size: 13px;line-height: 2em;}
.row{width:998px;margin:0 auto;overflow:hidden}
.col{margin-right:1%;float:left}
.copyright{width:15.6%}
.listcol{width:300px;float:left}
.search{width:670px; padding-top:10px;}
.logo{width:288px}
.middle-column{width:68%}
#psth{ color:#999}
#psth a{ color:#999; font-size:14px}
.xl520{background-image: url(https://m.50zi.com/uploadfile/2023/0619/c5f6b33994e43be7.png);background-repeat:no-repeat;text-indent:-9999px;width:258px;height:39px;margin-top:10px;margin-left:20px;display:block}
.logo h1{background-image: url(https://m.50zi.com/uploadfile/2023/0619/c5f6b33994e43be7.png);background-repeat:no-repeat;text-indent:-9999px;width:258px;height:39px;margin-top:10px;margin-left:20px;display:block}
.logo a{width:258px;height:39px;display:block}
.container{padding-left:10px;padding-right:10px;}
.main{margin-top:20px}

.logo-search{margin-top:17px; padding-bottom:5px;}
.navigation{background:#52CB66}
.logo img{padding:10px 0 0 20px}
.search{text-align:right}
.search form{background:#eeefed;padding:0;margin:0;padding:5px;border-radius:3px;margin:5px 0 0 0;text-align:center}
.search input{line-height:34px;left:9px;top:0;text-align:initial;white-space:nowrap;right:9px;height:35px;width:94%;padding:0 3% 0 3%;background-color:#fff;border:1px solid #c8c8c8;border-radius:3px;color:#ccc;font-weight:400;font-size:1.2em}
.search input:focus{color:#333;opacity:.8}
.nav{padding:10px 0 6px 10px;height:24px; line-height:24px;font-size:18px; font-weight:bold;text-transform:uppercase}
.nav ul{list-style:none;white-space:nowrap}
.nav li{display:inline;margin:0 20px 0 0}
.nav li a{ line-height:22px;text-decoration:none;color:#fff}
.nav li a:hover{color:#e3efd9}

.sidebar-box{background:#fff;margin:0 0 20px 0;padding:4px;-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,.1);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,.1);box-shadow:0 1px 1px 0 rgba(0,0,0,.1)}
.sidebar-box.cate-list{padding:0}
.sidebar-box .cate-items{overflow:hidden;padding-left:14px;text-align:center;padding-bottom:16px}
.sidebar-box .cate-items a{color:#666;background-color:#f6f6f6;float:left;width:46%;margin:0 3% 3% 0;padding:0;font-size:14px;height:32px;line-height:32px;overflow:hidden}
.sidebar-box .cate-items a:hover{ background:#ff8800; color:#fff}
.right_tit{font-size: 16px; color:#64854c;font-weight:bold;}

.ar_list{overflow:hidden;padding-left:14px;text-align:center;padding-bottom:16px;}
.ar_list ul li{ width:auto; padding:7px 0px;}
.ar_list ul li:first-child{ padding:0px; padding-bottom:5px;}
.ar_list ul li a{ display:block; width:310px; font-size:14px; color:#666;text-align:left;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}


.read_ph{padding-left:14px;text-align:center;padding-bottom:16px;}
.read_ph ul li{height: 32px;width: 280px;line-height: 32px;}
.read_ph ul li a { display:block; float:left;padding-left: 8px; font-size:13px; color:#333;text-align:left;white-space:nowrap; text-overflow:ellipsis;}

.hotList {float: left;width: 17px;height: 16px;background: #52CB66;color: #FFF;font-size: 11px;text-align: center;line-height: 17px;margin-top: 7px;border-radius: 4px;}
.list {float: left;display: inline-block;width: 17px;height: 16px;background: #dad9da;color: #FFF;font-size: 11px;text-align: center;line-height: 17px;margin-top: 7px;border-radius: 4px;}


.archive-list{background:#fff;margin:0 0 20px 0;border:1px solid #efefef;overflow:hidden}
.archive-list-item:nth-child(even){ width:677px;background:#fbfbfb;border-top:1px solid #efefef;border-bottom:1px solid #efefef}
.archive-list-item{padding:20px;overflow:hidden}
.archive-list-item h2 a{ color:#333}
.archive-list-item h2{font-weight:700;margin:0 0 15px 0;font-size:18px}
.archive-list-item h2 a:hover{ color:#ff6600}
.archive-list-item p{margin:0 0 10px 0}
.archive-list-item img.wp-post-image{max-height:125px;float:left;width:15%}
.archive-list-item .post-intro{float:left}
.archive-list-item .post-intro ul{float:left;width:677px}
.archive-list-item .post-intro ul li{float:left;width:320px; margin-left:18px; line-height:32px;}
.archive-list-item .post-intro ul li a{ font-size:16px; color:#333}
.archive-list-item .post-intro ul li a:hover{ color:#ff6600; text-decoration:underline}
.archive-list-item .post-intro p{ line-height:22px; padding-left:8px}
.fl{float:left; color:#999}
.fr{float:right;}
.archive-list-item p a:link{ color:#999}

.icon1{ background:url(../images/icon1.png) no-repeat 2px 3px; width:17px; height:17px; display:inline-block;}




.page{background: #fff;margin: 0;border: 1px solid #efefef;border-bottom: 0;margin-bottom: 20px;}
/*.page_in{padding: 20px;overflow: hidden;}
.page_in ul{margin: 0;padding: 0 0 20px 0;width: auto;}
.page_in ul li {color: #acacac;display: block;float: left;text-align: center;}
.page_in ul li span {text-decoration: none;padding: 3px 8px 3px 8px;display: block;float: left;margin: 0 5px 5px 0;text-align: center;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px opacity:.7;color: grey;text-shadow: 0 1px 0 rgba(255,255,255,.15);border: 1px solid rgba(0,0,0,.2); -moz-background-clip: padding; -webkit-background-clip: padding-box;background-clip: padding-box;background-color: #f2f2f2;}
.page_in ul li a {background-color: #fbfbfb;text-decoration: none;padding: 3px 8px 3px 8px;display: block;float: left; margin: 0 5px 5px 0;text-align: center;border: 1px solid #fbfbfb;color: #acacac;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.page_in ul li a:hover { border: 1px solid #dedede;}*/

#pg{ width:100%; margin:0px auto; padding:24px 0 10px 0; overflow:hidden; text-align:center}
#pg li {float: left;margin: 0 4px;line-height: 30px;}
#pg li a {padding: 0 18px;color: #555;border: 1px solid #ddd;display: block}
#pg li.thisclass{background-color: #52CB66;padding: 0 18px;font-weight: bold;color: #fff;border: 1px #1ec6b8 solid}
#pg li a:hover{background-color: #52CB66;padding: 0 18px;font-weight: bold;color: #fff;border: 1px #c0eae9 solid}



.footer{background:#fff;padding-top:20px;padding-bottom:20px;margin-top:20px;-moz-box-shadow:0 -1px 1px #ececec;box-shadow:0 -1px 1px #ececec}
.footer span{padding:10px 0 0 0;color:#929292}
.footer a,.footer p{margin:0 0 10px 0}
.footer a{color:#6a6a6a}

#footer{min-width:100%;margin-top:20px!important}
#footer .copyright{font-size:14px;color:#999;margin:0 auto;width:100%;text-align:center;padding:20px 0}
#footer .copyright a{color:#999}
#footer .copyright a:hover{color:#35b558}
.fixed-btn{position:fixed;right:1%;bottom:5%;width:40px;border:1px solid #eee;background-color:white;font-size:24px;z-index:1040;-webkit-backface-visibility:hidden}
.fixed-btn a{display:inline-block;width:40px;height:40px;text-align:center}
.fixed-btn a:after{content:".";font-size:0;height:100%;display:inline-block;vertical-align:middle}
.fixed-btn a i{vertical-align:middle}
.fixed-btn .go-top{border-bottom:1px solid #eee}
.fixed-btn .writer{background-color:#96b97d;font-size:18px;color:white}
.fixed-btn .hide-go-top{display:none;opacity:0;filter:alpha(opacity=0)}

#link{ width:994px; line-height:40px; margin-left:auto; margin-right:auto}
#link a{ color:#666; font-size:14px; margin-right:10px}

.go-top{ background:url(../images/icon_bt1.jpg) no-repeat 9px 10px; width:21px; height:21px;}
.qrcode{background:url(../images/icon_bt2.jpg) no-repeat 9px 10px; width:21px; height:21px;}
.writer{background:url(../images/icon_bt3.jpg) no-repeat 9px 10px; width:24px; height:18px;}

.fixed-btn .modal.fade.in {top: -46px;bottom: 0;height: 188px;width: 128px;padding: 10px;margin: 0;right:43px;left: auto;text-align: center;}
.modal.fade {-webkit-transition: opacity .3s linear,top .3s ease-out;-moz-transition: opacity .3s linear,top .3s ease-out;-o-transition: opacity .3s linear,top .3s ease-out;transition: opacity .3s linear,top .3s ease-out;top: -25%;}
.fade.in {opacity: 1;}
.modal {background-color: white;border: 1px solid #d9d9d9;font-size: 14px;font-weight: normal;line-height: 20px;position: fixed;left: 50%;z-index: 1050;width: 560px;margin-left: -280px;border: 1px solid rgba(0,0,0,0.3);
-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;-webkit-box-shadow: 0 3px 7px rgba(0,0,0,0.3);-moz-box-shadow: 0 3px 7px rgba(0,0,0,0.3);box-shadow: 0 3px 7px rgba(0,0,0,0.3);-webkit-background-clip: padding-box;-moz-background-clip: padding-box;background-clip: padding-box;outline: 0;}
.hide {display: none;}
.panel-modal {position: absolute;}

.fixed-btn .modal.fade.in:after, .fixed-btn .modal.fade.in:before {position: absolute;top: 99px;right: -8px;content: '';display: inline-block;border-top: 9px solid transparent;border-bottom: 9px solid transparent;border-left: 9px solid white;}

.article {background: #fff;margin: 0;border: 1px solid #efefef;border-bottom: 0;margin-bottom: 20px;}
#path{}
.article-heading {background: #fbfbfb;border-bottom: 1px solid #efefef;padding: 20px 30px 15px 30px;}
.article-heading h2 {font-size: 22px; font-weight:bold; line-height:30px; text-align:center; padding-top:25px;}
.article-heading h3 {font-size: 1.5em;color: #ccc;}
.article-heading h3 em {font-weight: 400;}
.article-body {padding: 10px 20px 0 20px;}
.article-body p {font-size: 18px;line-height:40px;font-family: "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif; padding-left:20px; padding-right:20px;}
.article-body .size-full {max-width: 100%; overflow:hidden;}

.tt{ height:32px; line-height:32px; background:#EAEAEA; margin-bottom:18px; font-size:15px; padding-left:15px; font-weight:bold}
.tt a{ color:#666; font-size:15px; font-weight:bold}


.previous-next-links {overflow: hidden;padding: 0 30px 10px 30px;background: #fff;color: #ccc;}
.previous-design-link { width:100%;float: left; height:40px; line-height:40px;}
.previous-next-links a {color:#333; font-size:16px}
.next-design-link { width:100%; height:40px; line-height:40px;float: left;}
.article-heading-ad {height:auto;text-align: center;padding: 4px; padding-bottom:30px}

.other_box{ width:600px; border-top: 1px dashed #e1e1e1; height: auto; overflow: hidden; margin-top: 11px; padding: 10px 18px 13px 18px; margin-left:20px; padding-bottom:50px;}
.other_box li{ width: 280px; float: left; color: #333333; font-size: 15px; height: 34px; line-height: 34px; overflow: hidden;  padding-right: 10px;}
.other_box li a{ padding-left: 11px; color:#333}
.other_box li a:hover{ color:#ff6600; text-decoration:underline}